<template>
  <div class="cart">
    <Header />
    <div class="main">
        <Cart/>
    </div>
    <Footer />
  </div>
</template>

<script>
import Header from "@/components/cart/header.vue"
import Cart from "@/components/cart/cart.vue"
import Footer from "@/components/cart/footer.vue"
export default {
    components:{
        Header,
        Cart,
        Footer,
    }
};
</script>

<style scoped>
.main{
    background: #f7f5f6;
    flex: 1;
    overflow: auto;
}
</style>
